<template>
	<view class="main">
		<tou_hand1 handtitle='详情'></tou_hand1>
		<view class="show">
			<view class="sone">
				<view class="sonehand">
					{{list.title}}
				</view>
				<view class="sonefoot">
					{{list.createTime}}
				</view>
			</view>
			<view class="stwo">
				<view class="stwohand">
					<view class="shtml" v-html="list.contents"></view>
					<!-- <rich-text :nodes="list.contents"></rich-text> -->
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import tou_hand1 from '../../components/tou_hand2/tou_hand2.vue'
	
	export default {
		components: {tou_hand1},
		mounted() {

		},

		data() {
			return {
				id:'',//公告id
				list:{}
			}
		},
		onLoad(options) {
			this.id=options.id
		},
		onShow() {
			this.show()
		},
		methods: {
			show(){
				this.$base.request('notice' + '/' + this.id, 'GET')
					.then(res => {
						if(res.data.code==200){
							this.list=res.data.data
						}else{
							this.$toast.fail(res.data.msg)
						}
					})
					.catch(err => {
				
					})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.main {
		width: 100%;
		height: 100vh;
		overflow-x: hidden;
		background-color: #2A3034;
		
		.show{
			width: 100%;
			box-sizing: border-box;
			padding: 0 32upx;
			padding-bottom: 32upx;
			.sone{
				width: 100%;
				margin-top: 74upx;
				margin-bottom: 70upx;
				border-bottom: 1upx solid #dcdcdc;
				box-sizing: border-box;
				padding-bottom: 23upx;
				.sonehand{
					font-size: 36upx;
					font-family: PingFang SC Bold, PingFang SC Bold-Bold;
					font-weight: 700;
					color: #fff;
				}
				.sonefoot{
					font-size: 24upx;
					font-family: PingFang SC Medium, PingFang SC Medium-Medium;
					font-weight: 500;
					color: #fff;
					margin-top: 22upx;
				}
			}
			.stwo{
				width: 100%;
				.stwohand{
					font-size: 28upx;
					font-family: PingFang SC Medium, PingFang SC Medium-Medium;
					font-weight: 500;
					color: #666666;
					.shtml{
						height: 100%;
						// overflow-y:auto;
						// overflow-x:hidden;
						width: 100%;
						
					}
					img{
						max-width: 100% !important;
					}
					
				}
				.stwofoot{
					font-size: 24upx;
					font-family: PingFang SC Medium, PingFang SC Medium-Medium;
					font-weight: 500;
					color: #333333;
					text-align: right;
					margin-top: 49upx;
				}
			}
		}
		
	}
</style>
